    <center><h3>My Registeration Page</h3></center>
    <hr>

<form name="users" >

    <table border="0" width="100%" align="center"
    cellspacing="0">

      <thead>
        <tr>
          <th colspan="2">Please fill the details below...</th>
        </tr>
      </thead>

      <tbody>

        <tr>
          <td align="right" width="40%">Name :</td>
          <td><input type="text" onBlur="alert(this.value)"/></td>
        </tr>

        <tr>
          <td align="right">Email :</td>
          <td><input type="text" onChange="alert(this.value)"/></td>
        </tr>

        <tr>
          <td align="right">Password :</td>
          <td><input type="password" onClick="console.log(this)"/></td>
        </tr>

        <tr>
          <td align="right">Confirm Password :</td>
          <td><input type="text" value="Re-enter Password here" onClick="showPassword(this)" /></td>
        </tr>

        <tr>
          <td align="right">Gender :</td>
          <td><input type="radio"/>Male<input type="radio"/>Female</td>
        </tr>

        <tr>
          <td align="right">Phone :</td>
          <td><input type="text" name="phone" value="0120-24223739">
        </tr>

        <tr>
          <td align="right">Date Of birth :</td>
          <td><input type="text"/></td>
        </tr>

        <tr>
          <td align="right">Address :</td>
          <td><textarea> </textarea></td>
        </tr>

        <tr>
          <td align="right">Country :</td>
          <td>
  <select>
    <option>India</option>
    <option>pakistan</option>
    <option>nepal</option>
  </select>
          </td>
        </tr>

        <tr>
          <td align="right">Prog Language :</td>
          <td>
  <select multiple="true" style="height:100px;">
    <option>C</option>
    <option>C++</option>
    <option>PHP</option>
    <option>C#</option>
    <option>.NET</option>
  </select>
          </td>
        </tr>

        <tr>
          <td align="right">Hobbies :</td>
          <td>
            <input type="checkbox"/>Cricket
            <input type="checkbox"/>Hockey
            <input type="checkbox"/>Football
            <input type="checkbox"/>Tennis
            <input type="checkbox"/>Carrom
            <input type="checkbox"/>Bollyball
            <input type="checkbox"/>TableTennis
            <input type="checkbox"/>Others
          </td>
        </tr>

        <tr>
          <td align="right">Image :</td>
          <td><input type="file"/></td>
        </tr>
        <tr>
          <td align="right"><input type="reset"/></td>
          <td><input type="submit" class="sbmt"/></td>
        </tr>

      </thead>

    </table>

 </form>


<script type="text/javascript">
  alert(document.users.phone.value);

  function showPassword(obj) // var "obj" will accept "this"
  {
    obj.value = '';
    obj.type = 'password';
  }
</script>









